body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #333;font-family: "SourceHanSerifCN",arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #333;text-decoration: none;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
a:hover {color: #034187;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
input, textarea, select {outline: none;}
i,em{font-style: normal;}
h1,h2,h3,h4,b{font-weight: normal;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
@font-face{
    font-family: 'SourceHanSerifCN'; 
    src:url('../fonts/SourceHanSerifCN.eot');
    src:url('../fonts/SourceHanSerifCN.woff') format('woff'),
        url('../fonts/SourceHanSerifCN.ttf') format('truetype'),
        url('../fonts/SourceHanSerifCN.svg') format('svg');
}





.middle{display: table-cell; vertical-align: middle; width: 800px;}

.deepNav{background: #fff;}
.navbar-brand{font-size: 14px; color: #034187;}
.navbar-brand span{ padding-left: 10px;}
.navbar-toggler{background: url(../images/menu.png) center center no-repeat; background-size: 100%;}
.navbar-nav .search span{display: block; width: 20px; height: 40px; background: url(../images/index_09.png) center center no-repeat; cursor: pointer;}
.navbar-nav a:hover,.navbar-nav .active a{color: #034187;}

.dropdown-menu{text-align: center; line-height: 2;}
.dropdown-menu a{border-bottom: 1px #eee solid; display: block;}
@media (min-width: 1500px){
    .header_height{height: 84px;}
    .navbar-brand img{height: 58px;}
    .navbar-nav .nav-item{padding: 0px 12px;}
    .navbar-nav .search,.navbar-nav .cn_en{margin: 0px 15px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .header_height{height: 78px;}
    .navbar-brand img{height: 54px;}
    .navbar-nav .nav-item{padding: 0px 4px;}
    .navbar-nav .search,.navbar-nav .cn_en{margin: 0px 10px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .header_height{height: 74px;}
    .navbar-brand img{height: 50px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding-left: 0.3rem; padding-right: 0.3rem;}
    .navbar-nav .search,.navbar-nav .cn_en{margin: 0px 3px;}
}
@media (max-width: 991px){
    .navbar-collapse{background: #fff; padding: 2em 4%; position: fixed; left: 0px; width: 100%;}
    .navbar-nav .nav-item a{border-bottom: 1px #eee solid; }
    .navbar-toggler{padding: 0.25rem 0.25rem;}
    .navbar-nav .dropdown{position: relative; }
    .navbar-nav .dropdown .dropdown-menu{border-width: 0px; padding: 0px;}
    .navbar-nav .dropdown span{display: inline-table; content: ""; width: 20px; height: 20px; background: url(../images/jia.png) center center no-repeat; background-size: 100% 100%; position: absolute; right: 2%; top: 18px; transform: translate(0,-50%);}
    .navbar-nav .search{border-bottom: 1px #eee solid;}
    .navbar-nav .cn_en{background: url(../images/index_06.png) center left no-repeat; padding-left: 25px; line-height: 40px;border-bottom: 1px #eee solid;}
}
@media (min-width: 768px) and (max-width: 991px){
    .header_height{height: 68px;}
    .navbar-brand img{height: 46px;}
    .navbar-collapse{ top: 68px;}
}
@media (max-width: 767px) {
    .header_height{height: 68px;}
    .navbar-brand img{height: 46px;}
    .navbar-collapse{ top: 68px;}
}
@media (min-width: 992px){
    .navbar-collapse{float: right;}
    .dropdown-menu{left: 50%; transform: translate(-50%,0); }
    .navbar-nav .nav-item:hover .dropdown-menu{display: block;}
    .navbar-nav .cn_en{position: relative;}
    .navbar-nav .cn_en span{display: block; width: 20px; height: 40px; background: url(../images/index_06.png) center center no-repeat; cursor: pointer;}
    .navbar-nav .cn_en_div{text-align:center; background: #fff; line-height: 2; display: none; position: absolute; left: -50%; top: 100%; width: 200%;}
    .navbar-nav .cn_en_div a{display: block;}
    .navbar-nav .cn_en:hover .cn_en_div{display: block;}
}


.search_bg{background: rgba(0,0,0,0.8); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999999; display: none;}
.search_alertbg{background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);text-align:center;}
.search_alert{position: relative;}
.search_alert .close{position: absolute; top: 0px; right: 0px; transform: translate(120%,-120%); background: url(../images/ssjg_03.png) center center no-repeat; background-size: 100% 100%;}
.search_ul{}
.search_ul li{border-radius: 5px; overflow: hidden;}
.search_ul .txt{border:1px #e5e5e5 solid;}
.search_ul .txt select{height: 100%; border:0px #fff solid;}
.search_ul .txt input{height: 100%; border:0px #fff solid; margin-left: 2%}
.search_ul .sub input{background: #034289; color: #fff; width: 100%; height: 100%;}
@media (min-width: 1500px){
    .search_alert{padding: 40px 200px;}
    .search_alert .title{font-size: 24px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .search_alert{padding: 35px 150px;}
    .search_alert .title{font-size: 22px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .search_alert{padding: 30px 100px;}
    .search_alert .title{font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .search_alert{padding: 25px 60px;}
    .search_alert .title{font-size: 18px;}
}
@media (max-width: 767px) {
    .search_alertbg{width: 60%;}
    .search_alert{padding: 1.5em 4%;}
    .search_alert .title{font-size: 18px;}
    .search_ul{padding-top: 0.8em;}
    .search_ul li{margin-top: 0.8em;}
    .search_ul .txt select{height: 2.4em; width: 100%; border-bottom: 1px #e5e5e5 solid;}
    .search_ul .txt input{height: 2.4em; width: 100%;}
    .search_ul .sub input{height: 2.4em;}
    .search_alert .close{width: 2em; height: 2em;}
}
@media (min-width: 768px){
    .search_ul{width: 400px;padding-top: 15px;}
    .search_ul li{height: 45px; margin-top: 15px;}
    .search_alert .close{width: 46px; height: 46px;}
    .search_ul .txt select{width: 36%;}
    .search_ul .txt input{width: 60%; }
}
.banner{text-align:center;}
.banner .swiper-slide{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-slide .ani{position: absolute;left: 0px; top: 0px; width: 100%; text-align:center;}
.banner .swiper-slide .ani img{}


.banner .swiper-button-prev,.banner .swiper-button-next{color: #bdbebf;}
@media (min-width: 1500px){
    .banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 40px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 35px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 25px;}
}
@media (max-width: 767px) {
    .banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size: 18px;}
}
@media (min-width: 768px){
    
}


.footer{background: #161a26; color: #fff; line-height: 2;}
.footer a{color: #fff;}


.foot_top .fcontact span{font-weight: bold;}
.foot_top .fweixin{position: relative;}
.foot_top .fweixin span{display: block; background: url(../images/index_64.png) center center no-repeat; background-size: 100% 100%;}
.foot_top .fweixin .img{position: absolute; left: 0px; bottom: 100%; max-width: 150px; background: #fff; padding:10px; border-radius: 10px; overflow: hidden; display: none;}
.foot_top .fweixin:hover .img{display: block;}
.foot_top li h3{font-weight: bold; line-height: 2; position: relative;}
.foot_top li h3:after{display: inline-table; content: ""; height: 2px; width: 30%; background: #fff; position: absolute; left: 0px; bottom: 0px;}

.foot_bot{border-top: 1px rgba(255,255,255,0.4) solid;}
@media (min-width: 1500px){
    .footer{font-size: 18px;}
    .foot_top{padding: 60px 0px;}
    .foot_top .fcontact{margin-top: 30px;}
    .foot_top .fcontact span{font-size: 28px;}
    .foot_top .fcontact p{padding: 5px 0px;}
    .foot_top .fweixin{padding: 5px 0px;}
    .foot_top .fweixin span{width: 34px; height: 34px;}
    .foot_top li:first-child{width: 380px;}
    .foot_top li{margin-right: 112px; }
    .foot_top li:nth-child(6){margin-right: 0px; float: right;}
    .foot_top li h3{font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .footer{font-size: 17px;}
    .foot_top{padding: 50px 0px;}
    .foot_top .fcontact{margin-top: 25px;}
    .foot_top .fcontact span{font-size: 24px;}
    .foot_top .fcontact p{padding: 5px 0px;}
    .foot_top .fweixin{padding: 5px 0px;}
    .foot_top .fweixin span{width: 34px; height: 34px;}
    .foot_top li:first-child{width: 360px;}
    .foot_top li{margin-right: 69px; }
    .foot_top li:nth-child(6){margin-right: 0px; float: right;}
    .foot_top li h3{font-size: 17px; padding-bottom: 13px; margin-bottom: 13px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .footer{font-size: 16px;}
    .foot_top{padding: 40px 0px;}
    .foot_top .fcontact{margin-top: 20px;}
    .foot_top .fcontact span{font-size: 22px;}
    .foot_top .fcontact p{padding: 4px 0px;}
    .foot_top .fweixin{padding: 4px 0px;}
    .foot_top .fweixin span{width: 32px; height: 32px;}
    .foot_top li:first-child{width: 330px;}
    .foot_top li{margin-right: 44px;}
    .foot_top li:nth-child(6){margin-right: 0px; float: right;}
    .foot_top li h3{font-size: 16px; padding-bottom: 11px; margin-bottom: 11px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footer{font-size: 15px;}
    .foot_top{padding: 30px 0px;}
    .foot_top .fcontact{margin-top: 15px;}
    .foot_top .fcontact span{font-size: 18px;}
    .foot_top .fcontact p{padding: 4px 0px;}
    .foot_top .fweixin{padding: 4px 0px;}
    .foot_top .fweixin span{width: 30px; height: 30px;}
    .foot_top li:first-child{width: 250px;}
    .foot_top li{margin-right: 18px;}
    .foot_top li:nth-child(6){margin-right: 0px; float: right;}
    .foot_top li h3{font-size: 15px; padding-bottom: 9px; margin-bottom: 9px;}

}
@media (max-width: 767px) {
    .footer{}
    .foot_top{padding: 1.6em 0px;}
    .foot_top li .logo{max-width: 60%;margin: 0px auto;}
    .foot_top .fcontact{margin-top: 15px;}
    .foot_top .fcontact span{font-size: 18px;}
    .foot_top .fcontact p{padding: 4px 0px;}
    .foot_top .fweixin{padding: 4px 0px;}
    .foot_top .fweixin span{width: 30px; height: 30px;}
    .foot_top li{padding: 0.5em 0px; border-bottom: 1px rgba(255,255,255,0.4) solid;}
    .foot_top li a{display: inline-table; margin: 0px 0.5em;}
    .foot_top li h3{font-size: 14px; padding-bottom: 6px; margin-bottom: 6px;}

    .foot_top li h3:after{width: 2em;}
    .foot_bot{text-align:center; padding: 0.5em 0px;}
}
@media (min-width: 768px){
    .foot_top li{float: left;}
    .foot_top li .logo{max-width: 70%;}
    .foot_top li a{display: block;}

    
    .foot_bot{padding: 10px 0px;}
    .foot_bot .left{float: left;}
    .foot_bot .right{float: right;}
}


